<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=0" name="viewport" />        
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
<meta content="telephone=no" name="format-detection" /> 
<title>产品详情</title>
<link rel="stylesheet" href="css/productDetail.css">
</head>
<body>
<div class="container">
	<div class="top-bar flex">
		<div class="top-l flex-1">
			<h2>财富管理套餐黄金版财富管理套餐黄金版财富管理套餐黄金版财富管理套餐黄金版财富管理套餐黄金版财富管理套餐黄金版财富管理套餐黄金版财富管理套餐黄金版</h2>
			<div class="top-line-text mt">产品编号：CP0101</div>
			<div class="top-line-text">产品风险等级：中低</div>
		</div>
		<div class="top-r">
			<img src="images/top-right-pic.png" alt="">
		</div>
	</div> 

	<!-- 产品介绍 -->
	<div class="product-introduce">
		<div class="title"><span>产品介绍</span></div>
		<div class="content">
			投资决策主力版套餐为您提供投资决策资金流向、投资决策决策信号、投资决策深度资金分析和投资决策专属服务

			1.【投资决策资金流向】
			实时监控市场资金流向，了解主力动向，把握热点轮换

			2.【投资决策决策信号】
			系统内置1、2、3号策略，为您提供个股买卖信号

			3.【投资决策深度资金分析】
			提供基于市场、行业和个股的深度资金分析，及资金流条件选股功能

			4.【投资决策专属服务】
			为您提供量化投资实盘操作报告、在线视频课程、邮件及知名分析师现场课程等服务
			详情访问投资决策网站：http://www.95571.cn/tz 
		</div>
	</div>

	<div class="product-introduce">
		<div class="title"><span>产品价格</span></div>
		<div class="content">
			<div class="fix-charge">
				<h3>固定收费</h3>  
				<p>价格：<span>3980元/年</span></p>
				<h3>收费比率</h3>  
				<table class="charge-table" cellspacing="0">
					<!-- 循环数据开始 -->
					<tr>
						<td rowspan="3">资产 ≥ 100万元</td>
						<td class="s-box">普通帐户：<span>0.40‰</span></td>
					</tr>
					<tr>
						<td class="s-box">信用普通：<span>0.40‰</span></td>
					</tr>
					<tr>
						<td class="s-box">信用交易：<span>0.40‰</span></td>
					</tr>
					<!-- 循环数据结束 -->

					<tr>
						<td rowspan="3"> 50万元 ≤ 资产 ＜ 100万元</td>
						<td class="s-box">普通帐户：<span>0.60‰</span></td>
					</tr>
					<tr>
						<td class="s-box">信用普通：<span>0.60‰</span></td>
					</tr>
					<tr>
						<td class="s-box">信用交易：<span>0.60‰</span></td>
					</tr>

					<tr>
						<td rowspan="3"> 10万元 ≤ 资产 ＜ 50万元</td>
						<td class="s-box">普通帐户：<span>0.80‰</span></td>
					</tr>
					<tr>
						<td class="s-box">信用普通：<span>0.80‰</span></td>
					</tr>
					<tr>
						<td class="s-box">信用交易：<span>0.80‰</span></td>
					</tr>

					<tr>
						<td rowspan="3">0元 ≤ 资产 ＜ 10万元</td>
						<td class="s-box">普通帐户：<span>1.00‰</span></td>
					</tr>
					<tr>
						<td class="s-box">信用普通：<span>1.00‰</span></td>
					</tr>
					<tr>
						<td class="s-box">信用交易：<span>1.00‰</span></td>
					</tr>

				</table>
			</div>
		</div>
	</div>

	<div class="product-introduce">
		<div class="title"><span>接收方式</span></div>
		<div class="content">
			短信、邮件、APP推送
		</div>
	</div>

	<div class="product-introduce">
		<div class="title"><span>更新频率</span></div>
		<div class="content">
			每交易日1次
		</div>
	</div>

	<div class="product-introduce">
		<div class="title"><span>适用客户</span></div>
		<div class="content">
			资产量>1000万人民币，风险承受能力为中低等级的客户
		</div>
	</div>

	<div class="product-introduce">
		<div class="title"><span>生效时间</span></div>
		<div class="content">
			签约后即时生效
		</div>
	</div>

	<div class="product-introduce">
		<div class="title"><span>温馨提示</span></div>
		<div class="content">
			股市宽幅震荡，唯理性投资方可战胜市场!
		</div>
	</div>

	<div class="product-introduce">
		<div class="title"><span>优惠信息</span></div>
		<div class="content">
			免费体验15天,些优惠只适用于本渠道
		</div>
	</div>



	

</div>

<div class="footer">
	<a class="now-sign" href="javascript:;">立即签约</a>
</div>

<!-- 开始测评 -->
<div class="test-dialog-mask">
	<div class="test-dialog">
		<h3>提示</h3>
		<p>您还未完成风险等级评测，请评测后尝试继续购买</p>
		<a href="javascript:;" class="start-test">开始测评</a>
		<div class="close-btn">
			<img src="../images/dialog_close.png" alt="">
		</div>
	</div>
</div>


<!-- 15天免费 -->
<div class="free-dialog-mask">
	<div class="free-dialog">
		<h3>提示</h3>
		
		<p>您将拥有15天(自然日)免费期,期间不收取任何服务费<br>
		免费期结束后将自动签约,签约后的服务佣金率为0.3‰<br>
		签约期间,您可以随时发起解约
		</p>


		<a href="javascript:;" class="start-test">开始测评</a>
		<div class="close-btn">
			<img src="../images/dialog_close.png" alt="">
		</div>
	</div>
</div>

<!-- 不符 -->
<div class="nomatch-dialog-mask">
	<div class="nomatch-dialog">
		<h3>个人风险等级与产品不符</h3>
		<p>本产品需“相对保守型”风险承受能力，但您的风险评测等级较低，请重新评测后尝试继续购买
		</p>
		<a href="javascript:;" class="start-test">重新测评</a>
		<div class="close-btn">
			<img src="../images/dialog_close.png" alt="">
		</div>
	</div>
</div>

<script src="js/lib/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="js/lib/hammer.min.js" type="text/javascript"></script>
<script src="js/lib/jquery.hammer.js" type="text/javascript"></script>
<script>
var productDetail={
	init: function(){
		// 兼容按压效果
		document.body.addEventListener('touchstart', function () { //...空函数即可
		});
	},
	events: function(){

		
		$('.now-sign').hammer().on('tap',function(){
			
			if(!$('.now-sign').prop('disabled')){
				$('.now-sign').prop('disabled',true);
		// 	$.ajax({
		// 		url: '',
		// 		type:'POST',
		// 		data:{name:'zzl'},
		// 		success: function(data) {
					// 当现在签约按钮点击的时候需要判断:
					// 1.是否完成等级测试
					// 2.是否是15天免费用户
					// 3.是否登陆
					// setTimeout(function(){

						$('.now-sign').prop('disabled',false);
					// },2000);
					
					// $('.test-dialog-mask').show();	//开始测评弹出窗口
					// $('.free-dialog-mask').show();	//15天免费弹出窗口
		// 		}
		// 	});
			}
		});
		
		$('.test-dialog-mask .close-btn').hammer().on('tap',function(){
			$('.test-dialog-mask').hide();
		});

		$('.free-dialog-mask .close-btn').hammer().on('tap',function(){
			$('.free-dialog-mask').hide();
		});

		$('.nomatch-dialog-mask .close-btn').hammer().on('tap',function(){
			$('.nomatch-dialog-mask').hide();
		});

		// 跳转开始测评
		$('.test-dialog-mask .start-test,.free-dialog-mask .start-test').hammer().on('tap',function(){
			window.location = "http://www.baidu.com";
		});
	},
	run: function(){
		this.init();
		this.events();
	}
};
productDetail.run();
</script>

</body>
</html>